<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购登录页</title>
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="./lib/plugins/slider/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/signIn.css">
</head>

<body>
    <!-- 头部 -->
    <header id="header" class="header">
        <div class="black">
            <div class="container clearfix">
                <img class="logoimg fl" src="./imgs/logo4.png" alt="">
                <span class="legocn fl">legochino.cn</span>
                <p class="legocn fr">
                    欢迎光临<span>乐购</span>，
                    <a class="aaa1" href="./signIn.html">请&nbsp;登录\</a> 
                    <a class="aaa2" href="./register.html">注册</a>
                </p>
            </div> 
        </div>
    </header>
    <section class="container-fluid">
        <div class="img-deng">
            <div class="conut">
                <p class="head-p1">
                    <span class="span1">扫码登录</span>
                    <span class="span2">账户登录</span>
                </p>
                <div class="head-div1">
                    <img class="img1" src="./img/index162.png" alt="">
                    <img src="./img/index163.png" alt="">
                    <p class="head-p2">打开手机版 乐购APP  扫一扫</p>
                </div>
                <div class="head-div2 active">
                    <p class="head-p3">
                        <img src="./img/index165.png" alt="">
                        <input type="text">
                    </p>
                    <p class="head-p3">
                        <img src="./img/index166.png" alt="">
                        <input type="password">
                    </p>
                    <p class="head-p4 clearfix">
                        <input class="fl" type="checkbox">自动登录
                        <a class="fr" href="#">忘记密码</a>
                    </p>
                    <button class="btn1">登录</button>
                    <p class="btn2">
                        <img src="./img/index167.png" alt="">
                        <a href="#">立即注册</a>
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- 页尾 -->
    <footer class="footer mt40">
        <div class="foot-bot container">
            <p>
                <a href="">公司简介  |</a>
                <a href="">  Investor Relations  |</a>
                <a href="">  网站联盟  |</a>
                <a href="">  乐购招商  |</a>
                <a href="">  机构销售  |</a>
                <a href="">  手机乐购  |</a>
                <a href="">  官方Blog   |</a>
                <a href="">  热词搜索</a>
            </p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </footer>
    <!-- 引入轮播插件  注意要先引入jQuery库-->
    <script src="./lib/jquery.min.js"></script>

    <!-- 引入当前文件的js -->
    <script src="./js/signIn.js"></script>
</body>
    
</html>